<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Amaze UI Admin index Examples</title>
  <meta name="description" content="这是一个 index 页面">
  <meta name="keywords" content="index">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="/static/myadmin//i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="/static/myadmin//i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="/static/myadmin//css/amazeui.min.css" />
  <link rel="stylesheet" href="/static/myadmin//css/admin.css">
  <link rel="stylesheet" href="/static/myadmin//css/app.css">
</head>

<body data-type="login">

  <div class="am-g myapp-login">
	<div class="myapp-login-logo-block  tpl-login-max">
		<div class="myapp-login-logo-text">
			<div class="myapp-login-logo-text">
				Amaze UI<span> Login</span> <i class="am-icon-skyatlas"></i>
				
			</div>
		</div>

		<div class="login-font">
			<i>Log In </i> or <span> Sign Up</span>
		</div>
		<div  class="am-u-sm-10 login-am-center" >
			<form acttion="{% url 'myadmin_login' %}" class="am-form" method="POST">
				{% csrf_token %}
				<fieldset>
					<div class="am-form-group">
                        <input type="text"  class="tpl-form-input" name="name" id="user-name" placeholder="请输入账号">

                    </div>

                    <div class="am-form-group">
                        <input type="password" name="pwd" class="tpl-form-input" id="user-name" placeholder="请输入密码">

                    </div>
                    <div class="am-form-group">
                        <img src="{% url 'myadmin_yzm' %}" id="img">
                        <input type="text" name="yzm" class="tpl-form-input" id="user-name" placeholder="请输入验证码">
                        
                    </div>
                    <script type="text/javascript">
                        var src = $('#img').attr('src')
                        $('#img').click(function(){
                            $(this).attr('src',src+'?'+Math.random())
                        })
                    </script>
					<div class="am-form-group tpl-login-remember-me">
                        <input id="remember-me" type="checkbox">
                        <label for="remember-me">
       
                        记住密码
                         </label>

                    </div>

            


                    {% csrf_token %}

                    <div class="am-form-group">

                        <button  class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success  tpl-login-btn">登录</button>

                    </div>
				</fieldset>
			</form>
		</div>
	</div>
</div>

  <script src="/static/myadmin//js/jquery.min.js"></script>
  <script src="/static/myadmin//js/amazeui.min.js"></script>
  <script src="/static/myadmin//js/app.js"></script>
</body>

</html>